<div class="panel panel-default panel-intro">
    <div class="panel-heading">
        <div class="panel-lead"><em>{:__('Statistics')}</em> {:__('Data Statistics')}</div>
        <ul class="nav nav-tabs">
            <li class="active"><a href="#basic" data-toggle="tab">{:__('基础数据')}</a></li>
            <li><a href="#teaching" data-toggle="tab">{:__('教学数据')}</a></li>
            <li><a href="#course" data-toggle="tab">{:__('课程管理')}</a></li>
        </ul>
    </div>
    <div class="panel-body">
        <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade active in" id="basic">
                <div class="toolbar" id="basic-toolbar">
                    <a class="btn btn-success btn-add"><i class="fa fa-plus"></i> {:__('Add')}</a>
                    <a class="btn btn-primary btn-edit"><i class="fa fa-pencil"></i> {:__('Edit')}</a>
                    <a class="btn btn-danger btn-del"><i class="fa fa-trash"></i> {:__('Delete')}</a>
                    <a class="btn btn-info btn-import"><i class="fa fa-upload"></i> {:__('Import')}</a>
                    <a class="btn btn-default btn-export"><i class="fa fa-download"></i> {:__('Export')}</a>
                    <a class="btn btn-warning btn-refresh-basic"><i class="fa fa-refresh"></i> {:__('刷新数据')}</a>
                </div>
                <form class="form-horizontal" role="form" id="form-basic-filter">
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">{:__('统计范围')}:</label>
                        <div class="col-xs-12 col-sm-8">
                            <select id="c-scope_type" class="form-control">
                                <option value="province">{:__('省')}</option>
                                <option value="city">{:__('市')}</option>
                                <option value="school">{:__('学校')}</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">行政区域归属:</label>
                        <div class="col-xs-12 col-sm-8">
                            <div class="row">
                                <div class="col-xs-4">
                                    <select id="c-province_id" class="form-control"></select>
                                </div>
                                <div class="col-xs-4">
                                    <select id="c-city_id" class="form-control"></select>
                                </div>
                                <div class="col-xs-4">
                                    <select id="c-district_id" class="form-control"></select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">学校:</label>
                        <div class="col-xs-12 col-sm-8">
                            <select id="c-school_id" class="form-control"></select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">{:__('统计区域')}:</label>
                        <div class="col-xs-12 col-sm-8">
                            <select id="c-region_mode" class="form-control">
                                <option value="self">{:__('本级')}</option>
                                <option value="children">{:__('所辖')}</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">{:__('课堂类型')}:</label>
                        <div class="col-xs-12 col-sm-8">
                            <select id="c-teach_mode" class="form-control">
                                <option value="all">{:__('全部')}</option>
                                <option value="offline">{:__('线下')}</option>
                                <option value="online">{:__('线上')}</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">{:__('时间范围')}:</label>
                        <div class="col-xs-12 col-sm-8">
                            <input type="text" id="c-date_range" class="form-control" placeholder="{:__('选择日期范围')}">
                        </div>
                    </div>
                </form>
                <table id="table-basic" class="table table-striped table-bordered table-hover"></table>
            </div>

            <div class="tab-pane fade" id="teaching">
                <div class="toolbar" id="teaching-toolbar">
                    <a class="btn btn-success btn-add"><i class="fa fa-plus"></i> {:__('Add')}</a>
                    <a class="btn btn-primary btn-edit"><i class="fa fa-pencil"></i> {:__('Edit')}</a>
                    <a class="btn btn-danger btn-del"><i class="fa fa-trash"></i> {:__('Delete')}</a>
                    <a class="btn btn-info btn-import"><i class="fa fa-upload"></i> {:__('Import')}</a>
                    <a class="btn btn-default btn-export"><i class="fa fa-download"></i> {:__('Export')}</a>
                    <a class="btn btn-warning btn-refresh-teaching"><i class="fa fa-refresh"></i> {:__('刷新数据')}</a>
                </div>
                <form class="form-horizontal" role="form" id="form-teaching-filter">
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">{:__('统计范围')}:</label>
                        <div class="col-xs-12 col-sm-8">
                            <select id="t-scope_type" class="form-control">
                                <option value="province">{:__('省')}</option>
                                <option value="city">{:__('市')}</option>
                                <option value="school">{:__('学校')}</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">行政区域归属:</label>
                        <div class="col-xs-12 col-sm-8">
                            <div class="row">
                                <div class="col-xs-4">
                                    <select id="t-province_id" class="form-control"></select>
                                </div>
                                <div class="col-xs-4">
                                    <select id="t-city_id" class="form-control"></select>
                                </div>
                                <div class="col-xs-4">
                                    <select id="t-district_id" class="form-control"></select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">学校:</label>
                        <div class="col-xs-12 col-sm-8">
                            <select id="t-school_id" class="form-control"></select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">{:__('统计区域')}:</label>
                        <div class="col-xs-12 col-sm-8">
                            <select id="t-region_mode" class="form-control">
                                <option value="self">{:__('本级')}</option>
                                <option value="children">{:__('所辖')}</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">{:__('课堂类型')}:</label>
                        <div class="col-xs-12 col-sm-8">
                            <select id="t-teach_mode" class="form-control">
                                <option value="offline">{:__('线下')}</option>
                                <option value="online">{:__('线上')}</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">{:__('统计时段')}:</label>
                        <div class="col-xs-12 col-sm-8">
                            <input type="text" id="t-date_range" class="form-control" placeholder="{:__('选择日期范围')}">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">{:__('汇总项')}:</label>
                        <div class="col-xs-12 col-sm-8" id="t-summary_items">
                            <label class="checkbox-inline"><span style="display:inline-block;width:16px;height:16px;background-color:#1890FF;margin-right:8px;border-radius:2px"></span><input type="checkbox" value="school">{:__('学校')}</label>
                            <label class="checkbox-inline"><span style="display:inline-block;width:16px;height:16px;background-color:#91CB74;margin-right:8px;border-radius:2px"></span><input type="checkbox" value="class">{:__('班级')}</label>
                            <label class="checkbox-inline"><span style="display:inline-block;width:16px;height:16px;background-color:#FAC858;margin-right:8px;border-radius:2px"></span><input type="checkbox" value="people">{:__('人数')}</label>
                            <label class="checkbox-inline"><span style="display:inline-block;width:16px;height:16px;background-color:#EE6666;margin-right:8px;border-radius:2px"></span><input type="checkbox" value="lessons">{:__('课数')}</label>
                            <label class="checkbox-inline"><span style="display:inline-block;width:16px;height:16px;background-color:#73C0DE;margin-right:8px;border-radius:2px"></span><input type="checkbox" value="checkin">{:__('打卡')}</label>
                            <label class="checkbox-inline"><span style="display:inline-block;width:16px;height:16px;background-color:#3CA272;margin-right:8px;border-radius:2px"></span><input type="checkbox" value="leave">{:__('请假')}</label>
                            <label class="checkbox-inline"><span style="display:inline-block;width:16px;height:16px;background-color:#9A60B4;margin-right:8px;border-radius:2px"></span><input type="checkbox" value="evaluation">{:__('评价')}</label>
                        </div>
                    </div>
                </form>
                <div id="teaching-chart" class="chart-bars" style="margin-top:10px"></div>
                <table id="table-teaching" class="table table-striped table-bordered table-hover"></table>
            </div>

            <div class="tab-pane fade" id="course">
                <div class="toolbar" id="course-toolbar">
                    <a class="btn btn-success btn-add"><i class="fa fa-plus"></i> {:__('Add')}</a>
                    <a class="btn btn-primary btn-edit"><i class="fa fa-pencil"></i> {:__('Edit')}</a>
                    <a class="btn btn-danger btn-del"><i class="fa fa-trash"></i> {:__('Delete')}</a>
                    <a class="btn btn-info btn-import"><i class="fa fa-upload"></i> {:__('Import')}</a>
                    <a class="btn btn-default btn-export"><i class="fa fa-download"></i> {:__('Export')}</a>
                    <a class="btn btn-warning btn-refresh-course"><i class="fa fa-refresh"></i> {:__('刷新数据')}</a>
                </div>
                <form class="form-horizontal" role="form" id="form-course-filter">
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">{:__('统计范围')}:</label>
                        <div class="col-xs-12 col-sm-8">
                            <select id="course-scope_type" class="form-control">
                                <option value="province">{:__('省')}</option>
                                <option value="city">{:__('市')}</option>
                                <option value="school">{:__('学校')}</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">行政区域归属:</label>
                        <div class="col-xs-12 col-sm-8">
                            <div class="row">
                                <div class="col-xs-4"><select id="course-province_id" class="form-control"></select></div>
                                <div class="col-xs-4"><select id="course-city_id" class="form-control"></select></div>
                                <div class="col-xs-4"><select id="course-district_id" class="form-control"></select></div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">学校:</label>
                        <div class="col-xs-12 col-sm-8">
                            <select id="course-school_id" class="form-control"></select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">{:__('课堂类型')}:</label>
                        <div class="col-xs-12 col-sm-8">
                            <select id="course-teach_mode" class="form-control">
                                <option value="all">{:__('全部')}</option>
                                <option value="offline">{:__('线下')}</option>
                                <option value="online">{:__('线上')}</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">{:__('时间范围')}:</label>
                        <div class="col-xs-12 col-sm-8">
                            <input type="text" id="course-date_range" class="form-control" placeholder="{:__('选择日期范围')}">
                        </div>
                    </div>
                </form>
                <table id="table-course" class="table table-striped table-bordered table-hover"></table>
            </div>
        </div>
    </div>
</div>